<!DOCTYPE HTML>
<html xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link rel="stylesheet" href="../css/currency/bootstrap.css"/>
    <link href="../css/H-ui.min.css" rel="stylesheet" type="text/css"/>
    <link href="../css/H-ui.admin.css" rel="stylesheet" type="text/css"/>
    <link href="../css/style.css" rel="stylesheet" type="text/css"/>
    <link href="../lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="../css/recipe.css"/>
    <style>.exp {
        float: left;
        width: 300px;
    }</style>
    <title>门店档案管理</title>
</head>
<body>
<nav class="breadcrumb" style="margin-bottom:0px"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span
        class="c-gray en">&gt;</span> 基础功能 <span class="c-gray en">&gt;</span>门店档案管理列表
    <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px"
       href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<div class="pd-20" id="storeRecord">
    <div class="text-c" id="storeRecordList">
        <form>
            <table class="table table-border table-bordered table-bg" id="storeDetail">
                <thead>
                <tr class="text-c">
                    <th nowrap="nowrap" colspan="13">门店档案详情</th>
                </tr>
                <tr class="text-c">
                    <th nowrap="nowrap" width='9.091%'>店铺编号</th>
                    <th nowrap="nowrap" width='9.091%'>营业时长</th>
                    <th nowrap="nowrap" width='9.091%'>标准开机时长</th>
                    <th nowrap="nowrap" width='9.091%'>所在区域</th>
                    <th nowrap="nowrap" width='9.091%'>预计客流/人次</th>
                    <th nowrap="nowrap" width='9.091%'>门店地址</th>
                    <th nowrap="nowrap" width='9.091%'>设备编号</th>
                    <th nowrap="nowrap" width='9.091%'>门店信息</th>
                    <th nowrap="nowrap" width='9.091%'>联系方式</th>
                    <th nowrap="nowrap" width='9.091%'>客流群体</th>
                    <th nowrap="nowrap" width='9.091%'>客流高峰</th>
                    <th nowrap="nowrap" width='9.091%'>操作</th>
                </tr>
                </thead>
                <tbody v-cloak>
                <tr class="text-c" >
                    <td nowrap="nowrap">{{detail.shopName}}</td>
                    <td nowrap="nowrap">{{detail.workTime}}</td>
                    <td nowrap="nowrap">{{detail.standardOpenTime}}</td>
                    <td nowrap="nowrap">{{detail.areaType}}</td>
                    <td nowrap="nowrap">{{detail.flowRate}}</td>
                    <td nowrap="nowrap">{{detail.address}}</td>
                    <td nowrap="nowrap">{{detail.equipmentCode}}</td>
                    <td nowrap="nowrap">{{detail.shopInfo}}</td>
                    <td nowrap="nowrap">{{detail.contacts}}</td>
                    <td nowrap="nowrap">{{detail.customers}}</td>
                    <td nowrap="nowrap">{{detail.customerHighTime}}</td>
                    <td nowrap="nowrap">
                        <a class="btn btn-primary radius" @click="updateInit(index)">修改</a>
                    </td>
                </tr>
                </tbody>
            </table>

            <table class="table table-border table-bordered table-bg" id="storeImage">
                <thead>
                <tr class="text-c">
                    <th nowrap="nowrap" colspan="5">门店图片展示</th>
                </tr>
                <tr style="height: 400px;">
                    <td nowrap="nowrap" style="width: 300px;height: 400px;" v-on:click="addOrUpdatePanelPicture('add+shopImage1')">
                        <span v-if="detail.shopImage1!=null">
                            <a :href="detail.shopImage1" target="view_window">
                                <img style="width: 300px;height: 400px;" :src="detail.shopImage1">
                            </a>
                        </span>
                    </td>
                    <td nowrap="nowrap" style="width: 300px;height: 400px;" v-on:click="addOrUpdatePanelPicture('add+shopImage2')">
                        <span v-if="detail.shopImage2!=null" >
                            <a :href="detail.shopImage2" target="view_window">
                                <img style="width: 300px;height: 400px;" :src="detail.shopImage2">
                            </a>
                        </span>
                    </td>
                    <td nowrap="nowrap" style="width: 300px;height: 400px;" v-on:click="addOrUpdatePanelPicture('add+shopImage3')">
                        <span v-if="detail.shopImage3!=null">
                            <a :href="detail.shopImage3" target="view_window">
                                <img style="width: 300px;height: 400px;" :src="detail.shopImage3">
                            </a>
                        </span>
                    </td>
                    <td nowrap="nowrap" style="width: 300px;height: 400px;" v-on:click="addOrUpdatePanelPicture('add+shopImage4')">
                        <span v-if="detail.shopImage4!=null">
                            <a :href="detail.shopImage4" target="view_window">
                                <img style="width: 300px;height: 400px;" :src="detail.shopImage4">
                            </a>
                        </span>
                    </td>
                    <td nowrap="nowrap" v-on:click="addOrUpdatePanelPicture('add+shopImage5')">
                        <span v-if="detail.shopImage5!=null">
                            <a :href="detail.shopImage5" target="view_window">
                                <img style="width: 300px;height: 400px;" :src="detail.shopImage5">
                            </a>
                        </span>
                    </td>
                </tr>
                </tbody>
            </table>

            <table class="table table-border table-bordered table-bg" id="exceptionDetail">
                <thead>
                <tr class="text-c">
                    <th nowrap="nowrap" colspan="9">处理记录</th>
                </tr>
                <tr class="text-c">
                    <th nowrap="nowrap" width='9.091%'>序号</th>
                    <th nowrap="nowrap" width='9.091%'>异常发生时间</th>
                    <th nowrap="nowrap" width='9.091%'>异常现象</th>
                    <th nowrap="nowrap" width='9.091%'>电话沟通记录</th>
                    <th nowrap="nowrap" width='9.091%'>指导员沟通记录</th>
                    <th nowrap="nowrap" width='9.091%'>走访记录</th>
                    <th nowrap="nowrap" width='9.091%'>异常原因</th>
                    <th nowrap="nowrap" width='9.091%'>处理方法</th>
                    <th nowrap="nowrap" width='9.091%'>处理结果</th>
                </tr>
                </thead>
                <tbody v-cloak>
                <tr class="text-c" v-for="(item,index) in pageInfo.list">
                    <td nowrap="nowrap">{{index}}</td>
                    <td nowrap="nowrap">{{item.errorDate}}</td>
                    <td nowrap="nowrap">{{item.errorPhenomenon}}</td>
                    <td nowrap="nowrap">{{item.phoneCommunicationRecord}}</td>
                    <td nowrap="nowrap">{{item.instructorCommunicationRecord}}</td>
                    <td nowrap="nowrap">{{item.visitRecord}}</td>
                    <td nowrap="nowrap">{{item.errorReason}}</td>
                    <td nowrap="nowrap">{{item.processingMethod}}</td>
                    <td nowrap="nowrap">{{item.processingResult}}</td>
                </tr>
                </tbody>
            </table>
        </form>
        <div class="pageBox" v-cloak id="pageBox">
            <div class="pageInfo">显示 <span id="startRow">{{pageInfo.startRow}}</span> 到 <span id="endRow">{{pageInfo.endRow}}条</span>&nbsp;&nbsp;&nbsp;&nbsp;{{pageInfo.pages}}页&nbsp;&nbsp;&nbsp;&nbsp;共
                <span id="total">{{pageInfo.total}}</span> 条
                <select v-model="selectedPageSize" v-on:change="getList('changePageSize')">
                    <option value="5">5</option>
                    <option value="10">10</option>
                    <option value="15">15</option>
                    <option value="20">20</option>
                    <option value="50">50</option>
                </select>
            </div>
            <ul class="pagination" id="pagination"></ul>
        </div>
        <div class="tips" id="noData" align="center" style="display: none">
            无数据
        </div>
    </div>
    <!--TODO 添加、更新弹窗-->
    <form class="form form-horizontal" id="addPanelPicture" style="display: none" enctype="multipart/form-data">
        <input name="id" v-model="field.id" type="hidden">
        <input name="shopImage1" v-model="field.shopImage1" type="hidden">
        <input name="shopImage2" v-model="field.shopImage2" type="hidden">
        <input name="shopImage3" v-model="field.shopImage3" type="hidden">
        <input name="shopImage4" v-model="field.shopImage4" type="hidden">
        <input name="shopImage5" v-model="field.shopImage5" type="hidden">
        <input name="equipmentCode" v-model="field.equipmentCode" type="hidden">

        <table class="table" border='0' width='50%'>
            <tr>
                <td width="30%" align="right" nowrap="nowrap"></td>
                <td width="30%" style="margin-left: 0px"></td>
                <td width="40%"></td>
            </tr>
            <tr id="t11">
                <td align="right" nowrap="nowrap"><label class="form-label" style="padding:0px" id="tl">门店图片：</label></td>
                <td><input type="file" id="topImg" class="radius" multiple="multiple" name="files"/></td>
                <td><span class="Validform_checktip Validform_wrong errorInfo" v-if="err.topImgErr!=''">{{err.topImgErr}} </span></td>
            </tr>
            <tr>
                <td class="text-r"></td>
                <td class="text-c">
                    <a class="btn btn-primary radius" id="addCancelPicture" v-on:click="resetPicture">取消</a>
                    <a class="btn btn-primary radius" id="saveDictTypePicture" v-on:click="savePicture">保存</a>
                </td>
            </tr>
        </table>
    </form>
    <!--TODO 添加、更新弹窗-->
    <form class="form form-horizontal" id="addPanel" style="display: none">
        <table class="table" border='0' width='100%'>
            <tr>
                <td width="30%" align="right" nowrap="nowrap"></td>
                <td width="30%" style="margin-left: 0px"></td>
                <td width="40%"></td>
            </tr>
            <tr>
                <td align="right" nowrap="nowrap"><label class="form-label" style="padding:0px">位置编号：</label></td>
                <td><input type="text" class="input-text radius" name="postionCode" v-model="postionCode" placeholder="位置编号" readonly unselectable="on"/></td>
                <td><span class="Validform_checktip Validform_wrong errorInfo" v-if="postionCodeErr!=''" readonly unselectable="on">{{postionCodeErr}} </span>
                </td>
            </tr>
            <tr>
                <td align="right" nowrap="nowrap"><label class="form-label" style="padding:0px">店铺编号：</label></td>
                <td><input type="text" class="input-text radius" name="shopCode" v-model="shopCode" placeholder="店铺编号"/></td>
                <td><span class="Validform_checktip Validform_wrong errorInfo" v-if="shopCodeErr!=''">{{shopCodeErr}} </span></td>
            </tr>
            <tr>
                <td align="right" nowrap="nowrap"><label class="form-label" style="padding:0px">营业时长 ：</label></td>
                <td><input type="text" class="input-text radius" name="workTime" v-model="workTime" placeholder="营业时长 "/></td>
                <td><span class="Validform_checktip Validform_wrong errorInfo" v-if="workTimeErr!=''">{{workTimeErr}} </span></td>
            </tr>
            <tr>
                <td align="right" nowrap="nowrap"><label class="form-label" style="padding:0px">门店基本信息 ：</label></td>
                <td><input type="text" class="input-text radius" name="shopInfo" v-model="shopInfo" placeholder="门店基本信息 "/></td>
                <td><span class="Validform_checktip Validform_wrong errorInfo" v-if="shopInfoErr!=''">{{shopInfoErr}} </span></td>
            </tr>
            <tr>
                <td align="right" nowrap="nowrap"><label class="form-label" style="padding:0px">客流群体 ：</label></td>
                <td><input type="text" class="input-text radius" name="customers" v-model="customers" placeholder="客流群体"/></td>
                <td><span class="Validform_checktip Validform_wrong errorInfo" v-if="customersErr!=''">{{customersErr}} </span></td>
            </tr>
            <tr>
                <td align="right" nowrap="nowrap"><label class="form-label" style="padding:0px">客流高峰 ：</label></td>
                <td><input type="text" class="input-text radius" name="customerHighTime" v-model="customerHighTime" placeholder="客流高峰 "/></td>
                <td><span class="Validform_checktip Validform_wrong errorInfo" v-if="customerHighTimeErr!=''">{{customerHighTimeErr}} </span></td>
            </tr>
            <tr>
                <td class="text-r"></td>
                <td class="text-c">
                    <a class="btn btn-primary radius" id="addCancel" v-on:click="reset">重置</a>
                    <a class="btn btn-primary radius" id="saveDictType" v-on:click="save">保存</a>
                </td>
                <td></td>
            </tr>
        </table>
    </form>
    <form class="form form-horizontal" id="importPanel" style="display: none" enctype="multipart/form-data"
          method="post">
        <table class="table" border='0' width='100%'>
            <tr>
                <td width="20%" align="right" nowrap="nowrap"></td>
                <td width="40%" style="margin-left: 0px"></td>
                <td width="40%"></td>
            </tr>
            <tr id="t1">
                <td align="right" nowrap="nowrap"><label class="form-label" style="padding:0px"><span class="c-red">*</span>位置数据文件：</label></td>
                <td><input type="file" class="input-text radius" name="file" placeholder="请选择导入的数据文件" id="file"/></td>
                <td><span class="Validform_checktip Validform_wrong errorInfo" v-if="fileErr!=''">{{fileErr}}</span></td>
            </tr>
            <tr>
                <td width="100%" class="text-r" colspan="3"><a class="btn btn-primary radius f-l ml-50 " style="width: 180px;" id="" v-on:click="importB">保存</a></td>
            </tr>
            <tr>
                <td colspan="3">
                    <div class="f-l ml-50 errMsg error-msg" style="height: 70px;width: 500px">
                    </div>
                </td>
            </tr>
        </table>
    </form>
</div>
</body>
</html>
<script type="text/javascript" src="../js/common/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../lib/layer/1.9.3/layer.js"></script>
<script type="text/javascript" src="../lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="../lib/icheck/jquery.icheck.min.js"></script>
<script type="text/javascript" src="../lib/Validform/5.3.2/Validform.min.js"></script>
<script type="text/javascript" src="../lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="../js/common/H-ui.js"></script>
<script type="text/javascript" src="../js/common/H-ui.admin.js"></script>
<script type="text/javascript" src="../js/utils/utils.js"></script>
<script type="text/javascript" src="../js/currency/vue.js"></script>
<script type="text/javascript" src="../js/currency/vue-resource.min.js"></script>
<script type="text/javascript" src="../js/currency/base.js"></script>
<script type="text/javascript" src="../js/currency/jqPaginator.js"></script>
<script type="text/javascript" src="../js/storeRecordDetail.js"></script>
